<style scoped>
.expand-row {
  margin-bottom: 5px;
}
</style>
<template>
    <div>
        <Row class="expand-row">
            <Col span="24">
                <span class="expand-key">活动名称: </span>
                <span class="expand-value">{{ row.title }}</span>
            </Col>
        </Row>
        <Row class="expand-row">
            <Col span="24">
                <span class="expand-key">活动地址: </span>
                <span class="expand-value">{{ row.address }}</span>
            </Col>
        </Row>  
        <Row class="expand-row">
            <Col span="24">
                <span class="expand-key">开始时间: </span>
                <span class="expand-value">{{ row.start_date}} {{row.start_time}}</span>
            </Col>
        </Row>  
        <Row class="expand-row">
            <Col span="24">
                <span class="expand-key">结束时间: </span>
                <span class="expand-value">{{ row.end_date}} {{row.end_time}}</span>
            </Col>
        </Row>  
        <Row class="expand-row">
            <Col span="4">
                <span class="expand-key">活动内容: </span>
                
            </Col>
            <Col span="20">
                <span class="expand-key"> {{ row.content}}</span>
                <Col span="24">
                    <Col span="8" v-for="item in row.images">
                        <img :src="item" alt="">
                    </Col>
                </Col>
            </Col>
        </Row>
            
            
        </Row>
    </div>
</template>
<script>
export default {
  name: "ActivityDetail",
  props: {
    row: Object
  }
};
</script>